<template>
  <van-swipe :autoplay="3000" lazy-render>
    <van-swipe-item v-for="banner in props.banners" :key="banner">
      <img :src="banner.image" />
    </van-swipe-item>
  </van-swipe>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue"

interface IBanner{
  image:string,
  title:string,
  url:string
}

const props = defineProps<{
  banners:IBanner[]
}>()

</script>
<style lang="less" scoped>

img{
  width: 100%;
}

</style>
